<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>官网首页</title>
    <!--<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">-->
    <link rel="stylesheet" href="home/css/base.css">
    <link rel="stylesheet" href="home/css/index.css">
    <script src="home/js/jquery1.42.min.js"></script>
    <script src="home/js/jquery.SuperSlide.2.1.1.js"></script>
    <!--<script src="css/animate.css"></script>-->
</head>
<body>
<!--头部star-->
<div class="game-top">
    <div class="game-top-banner">
        <img class="logo" src="home/img/logo.png" alt="">
        <a href="#"><span class="text">旗下游戏：&nbsp;我是大主宰&nbsp;&nbsp; 九阴绝学&nbsp;&nbsp; 雄霸九州&nbsp;&nbsp; 【更多】</span></a>
        <a href="#"><span><img class="textphoto" src="home/img/text.png" alt=""></span></a>
        <ul class="right-text">
            <li class="light"><a href="#">【开心玩首页】</a></li>
            <li class="shoucang"><a href="#">收藏</a></li>
            <li><a href="#">更多游戏</a></li>
        </ul>
    </div>
</div>
<!--头部end-->


<!--bannerStar-->
<div class="banner clearfix">
    <div class="nav">
        <ul>
            <li><a href="#">官网首页</a></li>
            <li><a href="public/index.html">公告列表</a></li>
            <li><a href="selectdress/index.html" class="game">游戏选服</a></li>
            <li><a href="content/index.html" class="centre">内容页</a></li>
            <li><a href="newhand/index.html">新手卡包</a></li>
            <li><a href="#">游戏资料</a></li>
        </ul>
    </div>
</div>
<!--bannerEnd-->


<!--star 部分-->
<div class="star">
    <div class="star-left clearfix">
        <a href="#"><img src="home/img/star.gif" alt=""></a>

        <div class="star-left-admin">
            <!--<div class="star-left-admin-login">-->
            <!--<input type="text" placeholder="用户名">-->
            <!--<input type="text" placeholder="密码">-->
            <!--</div>-->
            <!--<div class="btn">-->
            <!--<input class="btn" type="button" value="登录">-->
            <!--</div>-->
            <div class="touxiang clearfix">
                <img class="fl" src="home/img/touxiang.gif" alt="">
                <div class="cancel clearfix">
                    <p class="fl forever clearfix"><a href="#">forever</a></p>
                    <p id="box" class="off fr clearfix">[注销]</p>
                    <p class="zuanshi fl"><img src="home/img/zuanshi.gif" alt="">VIP1</p>
                    <p class="fr center">用户中心</p>
                    <p class="box fl"><span></span></p>
                </div>
            </div>
            <div class="next">
                <!--<input type="checkbox">-->
                <span><a class="login" href="#">继续上次游戏:</a></span>
                <span><a href="#">双线930服</a></span>
            </div>
            <div class="register ">
                <a href="#">
                    <i class="icon2"></i>
                    <span class="number">注册账号</span>
                </a>
            </div>
            <div class="register ">
                <a href="../newhand/index.html">
                    <i class="gift1"></i>
                    <span class="number">领新手礼包</span>
                </a>
            </div>
        </div>
        <!--推荐服务器-->
        <div class="recommend">
            <h3>推荐服务器</h3>
            <div class="quickly">
                <span class="fl">快速选服
                    <input type="text">
                    服
                </span>
                <a href="#" class="into fr">进入游戏</a>
            </div>
            <ul>
                <li>
                    <a href="#" class="fl">双线二区</a>
                    <span class="fr">火爆开服</span>
                </li>
                <li>
                    <a href="#" class="fl">双线一区</a>
                    <span class="fr">火爆开服</span>
                </li>
            </ul>
            <a href="#" class="more">更多服务器</a>
        </div>
        <!--客服-->
        <div class="recommend">
            <h3>客服</h3>
            <p class="tel">客服电话：</p>
            <p class="num">0512-85553886</p>
            <p class="online">24小时在线</p>
            <a href="#" class="more">在线客服咨询</a>
        </div>
    </div>
    <div class="star-right fr">
        <div class="carousel-left fl">
            <div id="slideBox" class="slideBox">
                <div class="hd">
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="bd">
                    <ul>
                        <li><a href="#" target="_blank"><img src="home/img/lunbo1.png"/></a></li>
                        <li><a href="#" target="_blank"><img src="home/img/lunbo2.png"/></a></li>
                        <li><a href="#" target="_blank"><img src="home/img/lunbo3.png"/></a></li>
                    </ul>
                </div>

                <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
                <a class="prev" href="javascript:void(0)"></a>
                <a class="next" href="javascript:void(0)"></a>

            </div>
            <!--<ul>-->
            <!--<li><img src="img/lunbo1.png" alt=""></li>-->
            <!--&lt;!&ndash;<li><img src="img/lunbo2.png" alt=""></li>&ndash;&gt;-->
            <!--&lt;!&ndash;<li><img src="img/lunbo3.png" alt=""></li>&ndash;&gt;-->
            <!--</ul>-->
        </div>
        <div class="news-right fl clearfix">

            <div class="slideTxtBox">
                <div class="hd">

                    <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
                    <span class="arrow"><a class="next"></a><a class="prev"></a></span>

                    <ul>
                        <li>综合</li>
                        <li>公告</li>
                        <li>活动</li>
                        <li>新闻</li>
                        <a class="more" href="#">more+</a></ul>

                </div>
                <div class="bd">
                    <ul>
                        <li><span class="date">2016-11-11</span><a href="#">《魔龙契约》迎新服充值返利活动</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》双线2区11月18日11点震撼开启！</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">开心玩《魔龙契约》11月4日临时停机维护</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》10月27日临时停机维护公告？</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">开心玩《魔龙契约》双线1区礼包集锦,45天突破听说</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》10月15日9:00首服开启</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">开心玩《魔龙契约》开服活动</a></li>
                    </ul>
                    <ul>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》迎新服充值返利活动</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》双线2区11月18日11点震撼开启！</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">开心玩《魔龙契约》11月4日临时停机维护</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》10月27日临时停机维护公告？</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">开心玩《魔龙契约》双线1区礼包集锦,45天突破听说</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》10月15日9:00首服开启</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">开心玩《魔龙契约》开服活动</a></li>
                    </ul>
                    <ul>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》迎新服充值返利活动</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》双线2区11月18日11点震撼开启！</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">开心玩《魔龙契约》11月4日临时停机维护</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》10月27日临时停机维护公告？</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">开心玩《魔龙契约》双线1区礼包集锦,45天突破听说</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》10月15日9:00首服开启</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">开心玩《魔龙契约》开服活动</a></li>
                    </ul>
                    <ul>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》迎新服充值返利活动</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》双线2区11月18日11点震撼开启！</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">开心玩《魔龙契约》11月4日临时停机维护</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》10月27日临时停机维护公告？</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">开心玩《魔龙契约》双线1区礼包集锦,45天突破听说</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">《魔龙契约》10月15日9:00首服开启</a></li>
                        <li><span class="date">2011-11-11</span><a href="#">开心玩《魔龙契约》开服活动</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!--four photo-->
    </div>
    <ul class="fourphoto clearfix">
        <li class="fl "><a href="#"><img src="home/img/xinshou.png" alt=""></a></li>
        <li class="fl"><a href="#"><img src="home/img/kaifu.png" alt=""></a></li>
        <li class="fl"><a href="#"><img src="home/img/vip.png" alt=""></a></li>
        <li class="fl"><a href="#"><img src="home/img/shouchong.png" alt=""></a></li>
    </ul>
    <!--游戏资料部分-->
    <div class="ml-game clearfix">
        <div class="game-data fl">
            <div class="tit">
                <h3>游戏资料</h3>
            </div>
            <div class="content">
                <div class="content-list">
                    <div class="xinshou fl">新手指导</div>
                    <ul class="fr game-right">
                        <li><a href="#">新手攻略</a></li>
                        <li><a href="#">成长系统</a></li>
                        <li><a href="#">龙宠幻化</a></li>
                        <li class="mr0"><a href="#">坐骑品级</a></li>
                        <li><a href="#">天赋强化</a></li>
                        <li><a href="#">技能升级</a></li>
                        <li><a href="#">龙宠获取</a></li>
                        <li class="mr0"><a href="#">龙宠技能</a></li>
                    </ul>
                </div>
                <div class="content-list">
                    <div class="xinshou fl">新手指导</div>
                    <ul class="fr game-right">
                        <li><a href="#">新手攻略</a></li>
                        <li><a href="#">成长系统</a></li>
                        <li><a href="#">龙宠幻化</a></li>
                        <li class="mr0"><a href="#">坐骑品级</a></li>
                        <li><a href="#">天赋强化</a></li>
                        <li><a href="#">技能升级</a></li>
                        <li><a href="#">龙宠获取</a></li>
                        <li class="mr0"><a href="#">龙宠技能</a></li>
                    </ul>
                </div>
                <div class="content-list">
                    <div class="xinshou fl">新手指导</div>
                    <ul class="fr game-right">
                        <li><a href="#">新手攻略</a></li>
                        <li><a href="#">成长系统</a></li>
                        <li><a href="#">龙宠幻化</a></li>
                        <li class="mr0"><a href="#">坐骑品级</a></li>
                        <li><a href="#">天赋强化</a></li>
                        <li><a href="#">技能升级</a></li>
                        <li><a href="#">龙宠获取</a></li>
                        <li class="mr0"><a href="#">龙宠技能</a></li>
                    </ul>
                </div>
                <div class="content-list">
                    <div class="xinshou fl">新手指导</div>
                    <ul class="fr game-right">
                        <li><a href="#">新手攻略</a></li>
                        <li><a href="#">成长系统</a></li>
                        <li><a href="#">龙宠幻化</a></li>
                        <li class="mr0"><a href="#">坐骑品级</a></li>
                        <li><a href="#">天赋强化</a></li>
                        <li><a href="#">技能升级</a></li>
                        <li><a href="#">龙宠获取</a></li>
                        <li class="mr0"><a href="#">龙宠技能</a></li>
                    </ul>
                </div>

            </div>

        </div>
        <div class="game-data fr">
            <div class="tit">
                <h3>游戏攻略</h3>
            </div>
            <ul class="gonglue">
                <li class="guizu">
                    <p class="fl molong"><a href="#">《魔龙契约》迎新服充值返利活动</a></p>
                </li>
                <li class="guizu">
                    <p class="fl molong"><a href="#">《魔龙契约》迎新服充值返利活动</a></p>
                </li>
                <li class="guizu">
                    <p class="fl molong"><a href="#">《魔龙契约》迎新服充值返利活动</a></p>
                </li>
                <li class="guizu">
                    <p class="fl molong"><a href="#">《魔龙契约》迎新服充值返利活动</a></p>
                </li>
                <li class="guizu">
                    <p class="fl molong"><a href="#">《魔龙契约》迎新服充值返利活动</a></p>
                </li>
                <li class="guizu">
                    <p class="fl molong"><a href="#">《魔龙契约》迎新服充值返利活动</a></p>
                </li>
                <li class="guizu">
                    <p class="fl molong"><a href="#">《魔龙契约》迎新服充值返利活动</a></p>
                </li>
            </ul>
        </div>
    </div>
    <!--游戏美图-->
    <div class="pretty fr">
        <div class="tit">
            <h3>游戏美图</h3>
        </div>
        <ul>
            <li class="pretty-photo"><a href="#"><img src="home/img/pretty1.png" alt=""></a></li>
            <li class="pretty-photo"><a href="#"><img src="home/img/pretty2.png" alt=""></a></li>
            <li class="pretty-photo"><a href="#"><img src="home/img/pretty3.png" alt=""></a></li>
            <li class="pretty-photo"><a href="#"><img src="home/img/pretty4.png" alt=""></a></li>
            <li class="pretty-photo"><a href="#"><img src="home/img/pretty5.png" alt=""></a></li>
            <li class="pretty-photo"><a href="#"><img src="home/img/pretty3.png" alt=""></a></li>
            <li class="pretty-photo"><a href="#"><img src="home/img/pretty5.png" alt=""></a></li>
            <li class="pretty-photo"><a href="#"><img src="home/img/pretty1.png" alt=""></a></li>
        </ul>
    </div>
</div>
<!--star end-->


<!--footer-star-->
<div class="footer">
    <p class="text">抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防上当受骗。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。</p>
    <ul class="play">
        <li><a href="#">关于开心玩</a></li>
        <li><a href="#">商务合作</a></li>
        <li><a href="#">联系我们</a></li>
        <li><a href="#">人才招聘</a></li>
    </ul>
    <p class="yue"> 深圳华顺蓬业有限公司 电子邮箱：1025674967.com</p>
    <p class="copy">Copyright © 2015 - 2015 kxwan.com All Rights Reserved. 深圳华顺蓬业有限公司 版权所有</p>
    <p class="img"><a href="#"><img src="home/img/timg.jpg" alt="">华顺蓬业有限公司</a></p>
</div>

<div class="bg">
    <div id="show" class="out">
        <p>确定要退出游戏吗?</p>
        <div class="confirm">
            <input class="sure" type="button" value="确定" id="btn" onclick="window.close()">
            <input class="cancel" type="button" value="取消" id="cancel">
        </div>
    </div>
</div>



<!--footer-end-->
</body>
<script>
    jQuery(".slideTxtBox").slide({effect: "left", autoPlay: true, trigger: "click"});
    jQuery(".slideBox").slide({mainCell: ".bd ul", autoPlay: true, trigger: "click"});
    //    jQuery(".slideTxtBox").slide({effect:"left",autoPlay:true});
    $(".fourphoto >li").mouseenter(function () {
        $(this).find("img").animate({
            "width": "220px",
            "height": "125px",
            "opacity": "0.8",
            "top": "-3px",
            "left": "-3px"
        }, 100)
    });
    $(".fourphoto >li").mouseleave(function () {
        $(this).find("img").animate({
            "width": "217px",
            "height": "121px",
            "opacity": "1",
            "top": "0px",
            "left": "0px"
        }, 100)
    });

    $(".pretty-photo").mouseenter(function () {
        $(this).find("img").animate({
            "width": "212px",
            "height": "117px",
            "opacity": "0.8",
            "top": "-3px",
            "left": "-3px"
        }, 100)
    });
    $(".pretty-photo").mouseleave(function () {
        $(this).find("img").animate({
            "width": "208px",
            "height": "113px",
            "opacity": "1",
            "top": "0px",
            "left": "0px"
        }, 100)
    });

    $("#box").click(function () {
        $("#show").show(500)
    });
    $("#box").click(function () {
        $(".bg").eq(0).show()
    })
    $("#cancel").click(function () {
        $("#show").hide(500);
    });
    $("#cancel").click(function () {
        $(".bg").hide(500);
    });
</script>
</html>